<app-okr-toolbar>
  <button [routerLink]="['/companies']" class="navbar-item" mat-icon-button
          matTooltip="{{ 'dashboard.okr-toolbar.navigate-to-structure-view' | translate }}">
    <mat-icon>home</mat-icon>
  </button>
  <span>{{'dashboard-overview.okr-toolbar.dashboard-overview' | translate}}</span>
  <span class="fill-space"></span>
</app-okr-toolbar>

<app-additional-info-bar [text]="'dashboard-overview.wip-info-text' | translate"></app-additional-info-bar>

<div *ngIf="companyId$ | async; let companyId" class="create-dashboard-button">
  <app-add-button (click)="navToDashboardCreation(companyId);"
                  text="{{'dashboard-overview.create-dashboard-button' | translate}}"></app-add-button>
</div>

<div class="dashboard-overview-cards d-flex">
  <div *ngFor="let dashboard of (currentCompanyDashboards$| async)">
    <app-dashboard-card (deleteDashboard)="deleteDashboard($event)" [dashboard]="dashboard"></app-dashboard-card>
  </div>
</div>
